<link rel="stylesheet" href="/Static/mobile/index/css/iconfont.css">
<link rel="stylesheet" href="/Static/mobile/index/css/invite.css">
<div id="app">
    <div class='input-div'>
        <p>输入推荐人ID号</p>
        <form id="myform" @submit.prevent="onSubmit">
            <input style="text-align: center;" type="type" class='telephone' v-model='referrerID'>
            <i @click='clearPhone' v-show="referrerID" class='iconfont icon-chacha'></i>
        </form>
    </div>
    <!--没有输入手机号时-->
    <div class='no_phone-div' v-show='showScan'> 
        <p @click='onSubmit' class='scan-div'>
            <span >立即绑定</span>
        </p>
        <p>
            没有邀请人？
            <span onclick="showMeiqia()" class='contact'>点此联系客服</span>
        </p>
    </div>

    <!--有输入手机号时-->
    <div class='has_phone-div' v-show='!showScan' v-cloak>
        <img :src="referInfo.headimgurl" alt="">
        <p class='nickname'>{{referInfo.nickname}}</p>
        <!--我的推荐人-->
        <p @click="confirm" class='my_tuijian'>确认是我的推荐人</p>
        <p class='not_tuijian' @click='showBindBtn'>不是我的推荐人</p>
    </div>

    
</div>
<!--底部提示语-->
<p class='bottom-tip bottom-fixed'>伯乐，只给你最需要的</p>
<script src="/Static/mobile/vant/vue.min.js"></script>
<script src='/Static/mobile/index/js/invite.js?i=1'></script>